<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui">

	<ui:composition template="../../templates/common.xhtml">
	<ui:define name="conteudo">
		<p:panel header="#{msg.gerenciar_times}">
			<h:panelGrid columns="2">
				<h:outputLabel id="labelClube" value="#{msg.clube}"/>
				<h:inputText id="textClube" value="#{clubeMB.clube.nome}" />
				<h:outputLabel  id="labelDataFundacao" value="#{msg.data_fundacao}"/>
				<p:calendar id="calendarDataFundacao" value="#{clubeMB.clube.datafundacao}" pattern="dd/mm/yyyy" navigator="true" />
			</h:panelGrid>
			<br/>
			<p:fieldset id="fieldsetEndereco" legend="#{msg.endereco}" toggleable="true" toggleSpeed="500" >
				<p:growl showDetail="true"/>
				<h:panelGrid columns="2" id="panelGridEndereco">
					<h:outputLabel id="labelRua" value="#{msg.rua}" for="textRua"/>
					<h:inputText value="#{clubeMB.clube.endereco.rua}" id="textRua" />
					
					<h:outputLabel id="labelNumero" value="#{msg.numero}" for="textNumero"/>
					<h:inputText value="#{clubeMB.clube.endereco.numero}" id="textNumero"/>
					
					<h:outputLabel id="labelBairro" value="#{msg.bairro}"  for="textBairro"/>
					<h:inputText value="#{clubeMB.clube.endereco.bairro}" id="textBairro"/>
					
					<h:outputLabel id="labeCEP" value="#{msg.cep}" for="textCEP"/>
					<h:inputText value="#{clubeMB.clube.endereco.cep}" id="textCEP"/>
					
					<h:outputLabel id="labelUF" value="#{msg.uf}" for="comboUF"/>
					<h:panelGroup >
						<h:selectOneMenu id="comboUF" value="#{clubeMB.uf}">
							<f:selectItem itemLabel="#{msg.selecione_uma_opcao}" itemValue=""/>
							<f:selectItems value="#{clubeMB.listasUF}" />
							<p:ajax update="comboCidade"/>
						</h:selectOneMenu> 
						
						<h:outputLabel id="labelCidade" value="#{msg.cidade}" for="comboCidade" />
						<h:selectOneMenu id="comboCidade" value="#{clubeMB.codCidadeSelecionada}" >
							<f:selectItem itemLabel="#{msg.selecione_uma_opcao}" />
							<f:selectItems value="#{clubeMB.listasCidades}" />
						</h:selectOneMenu>
					</h:panelGroup> 
				</h:panelGrid>
					
			</p:fieldset>
			<br/>
			<h:commandButton value="#{msg.voltar}" />
			<h:commandButton value="#{msg.salvar}" actionListener="#{clubeMB.save}" />
		</p:panel>
		
	</ui:define>
	</ui:composition>
</html>